<%@ page pageEncoding='UTF-8'%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set var="contextPath" value="#request.get('javax.servlet.forward.context_path')" scope="request" />
<!DOCTYPE html>
<head>
    <title>Doctor Details</title>
    <%-- header --%>
    <jsp:include page="/WEB-INF/content/common/Header.jsp" flush="true"/>
    <script src="${contextPath}/js/doctor/doctor.js"></script>
</head>
<body class="metro view">
	<%-- tob-bar --%>
    <jsp:include page="/WEB-INF/content/common/TopBar.jsp" flush="true"/>
       	
	<div id="main-container" class="body-wrapper">
        <%-- tob-container --%>
    	<jsp:include page="/WEB-INF/content/common/TopContainer.jsp" flush="true"/>
        
    	<div id="body-container">
        	<div id="doctor-detail-container" class="detail-container">
        		
        		<%-- header-container --%>
        		<s:set var="mode" value="'details'"/>
    			<jsp:include page="/WEB-INF/content/doctor/DoctorMenuContainer.jsp" flush="true"/>
    			
    			<%-- banner-container --%>

                <div id="doctor-info-show-container" style="padding:0">
                
                	<div class="main-detail-tile-container tile quadro triple-vertical no-link bg-teal" style="border:hidden">
                    	<legend>
                        	${guiDoctor.name} -  ${guiDoctor.admin ? "Administrator" : "Not an administrator"}
                        </legend>
                        
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Type</label>
	               				<div class="item-title fg-cobalt">Doctor</div>
	               		</div>
                         <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Reg No</label>
	               				<div class="item-title fg-cobalt">${guiDoctor.regNo}</div>
	               		</div>
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Designation</label>
	               				<div class="item-title fg-cobalt">${guiDoctor.designation}</div>
	               		</div>
                        <br clear="all"/>
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Qualification</label>
	               				<div class="item-title fg-cobalt">${guiDoctor.qualifications}</div>
	               		</div>
                        <br clear="all"/>
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Other</label>
	               				<div class="item-title fg-cobalt">${guiDoctor.others}</div>
	               		</div>
                        <br clear="all"/>
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Address</label>
	               				<div class="item-title fg-cobalt">${guiDoctor.contact.address}</div>
	               		</div>  
                        <br clear="all"/>
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Telephone</label>
	               				<div class="item-title fg-cobalt">${guiDoctor.contact.telNo}</div>
	               		</div>
                        <br clear="all"/>
                        <div class="btn-edit-login place-right">
                                <a href="${contextPath}/userlogin/edit?id=${guiDoctor.userId}">       
                                        <label class="fg-black subheader-secondary">Edit Login</label>
                                </a>
                    	</div>
                	</div>                    
                </div>
    		</div>    
    	</div>
        
        <%-- bottom-container --%>
    	<jsp:include page="/WEB-INF/content/common/BottomContainer.jsp" flush="true"/>
        
	</div>
    
    <%-- footer-container --%>
    <jsp:include page="/WEB-INF/content/common/FooterContainer.jsp" flush="true"/>
    
</body>
</html>

